<template>
	<view class="search">
			<uni-search-bar 
				:radius="20"
				@confirm="search" 
				@input="input" >
				{{ searchContent }}
				>
			</uni-search-bar>

	</view>
</template>

<script>
	import { uniSearchBar, uniNavBar } from '@dcloudio/uni-ui'
	
	export default {
		name:"custSearchBar",
		components:{
			uniSearchBar,
			uniNavBar
		},
		data() {
			return {
				searchContent: ""
			};
		},
		methods: {
			input(value) {
				console.info("输入信息" + value)
			},
			search(res) {
				console.info("搜索信息" + res.value)
			}
		}
	}
</script>

<style>
.search{
	position: fixed;
	width: 100%;
	background-color: "#F0F0F0";
	z-index: 999;
	height: 100rpx;
}

</style>
